@charset "utf-8";
/**
?????????????????????????????????????????????
http://www.grwy.cn/
**/
@media screen and (min-width: 1025px){
.homeCase li:hover img{transform: scale(1.2);}
.homeCase li:hover img{opacity: 0.4}
.homeCase li:hover .tit{background-color: #234890;color: #fff;}
.homeCase li:hover:after{top: 35%;opacity: 1;}
.homeSolution-list li:hover .pic img{opacity:0.8;}
.homeSolution-list li:hover i{transform: scale(1.1);opacity: 0;}
.homeSolution-list li:hover .cover:before{transform: scale(0);opacity: 1}
.homeSolution-list li:hover .cover{background: rgba(255,255,255,0);}
.homeSolution-list li:hover .cover p,.homeSolution-list li:hover .cover h5{color: #fff;}
.homeDisplay li:hover i{background: url(img/hDsplay-icoBg2.png) no-repeat center center;background-size: cover;transform: translateY(-10px);}
.homeAbout li:hover img{transform: scale(1.2);}
.homeAbout li:hover .txt{background-color: #234890;color: #fff;}
.homeAbout li:hover .txt h5{color: #fff;}
.homeNews-left li a:hover{color: #234890;padding-left: 4.5%;}
.homePartner li:hover,.pagePartner li:hover{box-shadow: 0 0 20px 5px rgba(0,0,0,0.1);transform: scale(1.01);z-index: 1;}
.homeNews-right li:hover img{transform: scale(1.2);}
.homeNews-right li:hover h5{color: #234890;}
.footerBot a:hover{color:#111111}
.footerNav dl dd a:hover{color: #111111;}
.pageWitness-main li:hover img{transform: scale(1.1);}
.pageWitness-main li:hover .tit{color: #f99633}
.videoList li:hover img{transform: scale(1.1);}
.videoList li:hover .tit{background-color: #234890;color: #fff;}
.listCase li:hover .cover{left: 0;right: 0;opacity: 1;}
.listJob .reference tr:hover td{background-color: #234890;color: #fff;}
.listJob .reference tr:hover td a{color: #fff;}
.listJob .reference tr:hover .jobButt{background-color: #fff;color: #234890}
.listNews .hot li:hover img{transform: scale(1.2);}
.listNews .hot li:hover a:after{width: 100%;}
.listNews .hot li:hover .txt{box-shadow: 0 0  22px 5px rgba(0,0,0,0.1);}
.listNews .hot li:hover .txt h5{color: #234890}
.listNews .list li:hover h5 {color: #234890;}
.listNews .list li:hover  .time{background-color: #234890;border-color: #234890;color: #fff;}
.listNews .list li:hover  strong{color: #fff;}
.listNews .list li:hover .more{border-radius: 20px;}
.showArticle  .articlePage .post-prev:hover .pageImg,.showArticle  .articlePage .post-next:hover .pageImg{color: #fff;}
.showArticle  .articlePage .post-prev:hover,.showArticle  .articlePage .post-next:hover{background-color: #234890}
.showArticle  .articlePage .post-prev:hover h5{color: #fff;right:25px;}
.showArticle  .articlePage .post-next:hover h5{color: #fff;left:25px;}
.showArticle  .articlePage .post-prev:hover i{border-color: #fff;background-position: -40px 0;opacity: 0.6}
.showArticle  .articlePage .post-next:hover i{border-color: #fff ;background-position: 0 0;opacity: 0.6}
.showArticle .articleRelate-news li:hover a{color: #234890;left: 10px;}
.listMenu  .menu1>li:hover>a{background-color: #234890;border-color: #234890;color: #fff;}
.listMenu  .menu1>li:hover>a{color: #fff;}
}


@media screen and (max-width: 1650px){
/*??????*/
  .header{line-height: 100px;height: 100px;}
  .navFix{height: 80px; line-height: 80px;}
  .navFix .headerSearch{top:60px;}
  .headerLogo{width: 31%;}
  .headerNav{margin-right: 0;}
  .headerSearch{display: none;}
  .headerLink .search{width: 34px;height: 34px;background: url(img/search-bg.png) no-repeat center center;display: inline-block;vertical-align: middle;margin-right: 10px;}
  .headerSearch{display: none;position: absolute;right: 0;top: 100px;right: 10%;padding-top: 0;z-index: 999;}
.headerLink .wx .wxImg{left: 60px;top: 75px;}
}


@media screen and (max-width: 1560px){
/*??????*/
.footerNav{width:45%;}
}



@media screen and (max-width: 1450px){
 /*??????*/
.headerLogo{width: 28%;}
.header{line-height: 90px;height: 90px;}
.navFix{height: 90px; line-height: 90px;}
.navFix .headerNav{margin-right: 40px;}
.headerLogo a img{max-width: 250px;}
 .headerSearch{right: 8%}
 .headerLink .wx .wxImg{top: 65px;}
/*????????????*/
.homeDisplay{padding: 40px;}
.homeDisplay .container{height: 400px;}
.homeDisplay .container:before{height: 175px;top: 65px;}
.homeDisplay li i{width: 90px;height: 100px;margin-bottom: 15px;}
.homeDisplay li:nth-child(1){top: 15px;}
.homeDisplay li:nth-child(2){top: 15px;}
.homeDisplay li:nth-child(3){top: 15px;}
.homeDisplay li:nth-child(4){;top: 15px;}
.homeDisplay li:nth-child(5){bottom: 70px;}
.homeDisplay li:nth-child(6){bottom: 70px;}
.homeDisplay li:nth-child(7){bottom: 70px;}
.homeDisplay li:nth-child(8){bottom: 70px;}

}
@media screen and (max-width: 1400px){
/*??????*/
 .headerSearch{right: 6%}
}
@media screen and (max-width: 1350px){
/*??????*/
.headerLogo{width: 24%;}
.header{line-height: 80px;height: 80px;}
.navFix{height: 80px; line-height: 80px;}
.navFix .headerNav{margin-right: 40px;  }
.headerLogo a img{max-width: 260px;}
.headerNav .menu1 > li{margin: 0 18px;}
.headerSearch{top: 80px;}
/*????????????*/
.homeSolution-list li{width: 30% ;}
.homeSolution-list li:nth-child(2){margin:0  3%;}
.homeSolution-list li .cover{border: 8px solid #f5f5f5;}
.homeSolution-list li .cover i{display: block;width: 30%;padding-top: 30%;margin: 5% auto;}
.homeSolution-list li .cover  p{padding: 0 15%;}
/*??????*/
.footerNav{width:40%;}
.footerNav dl{margin-right: 10%;}
/*????????????*/
.listHonor li{width: 25%;}
/*????????????*/
.listVideo li{width: 25%;}
}


@media screen and (max-width: 1250px){
/*????????????*/
.listCase li{width: 45.3%;margin:0 16px;}
/*????????????*/
.listWitness li{width: 33.33%;}
}


@media screen and (max-width: 1150px){
/*??????*/
.headerLogo,.navFix .headerLogo{width: 22%;}
.header{line-height: 60px;height: 60px;}
.navFix{height: 60px; line-height: 60px;}
.navFix .headerLogo a img{height: 38px;}
.navFix  .headerNav{margin-right: 40px;}
.headerLogo a img{max-width: 180px;}
.headerSearch{top: 60px;}
.headerNav .menu1 > li{margin: 0 10px;}
 .headerLink .wx .wxImg{top: 50px;}
/*????????????*/
.homeSolution-list li .cover h5{font-size: 16px;margin-bottom: 2%;}
.homeSolution-list li .cover p{font-size: 12px;}
/*????????????*/
.homeDisplay{padding: 20px;}
.homeDisplay .container{height: 380px;}
.homeDisplay .container:before{height: 160px;}
.homeDisplay li{font-size: 12px;}
.homeDisplay li i{width:70px;height: 78px;margin-bottom: 10px;}
.homeDisplay li:nth-child(1){top: 30px;}
.homeDisplay li:nth-child(2){top: 30px;}
.homeDisplay li:nth-child(3){top: 30px;}
.homeDisplay li:nth-child(4){;top: 30px;}
.homeDisplay li:nth-child(5){bottom: 90px;}
.homeDisplay li:nth-child(6){bottom: 90px;}
.homeDisplay li:nth-child(7){bottom: 90px;}
.homeDisplay li:nth-child(8){bottom: 90px;}
}


@media screen and (max-width: 1070px){
/*????????????*/
.homeSolution .desc{display: none;}
.homeTopic{font-size: 26px;}
/*??????*/
.homeNews-left li a{font-size: 14px;}
.homeNews-left li span{font-size: 12px;}
.homeNews-right li .txt h5{font-size: 14px;}
}


@media screen and (max-width: 1024px){
/*??????*/
.headerNav{display: none;}
.headerLink .wb,.headerLink .wx,.headerLink .search{display: none;}
.headerLink .lang{font-size: 0;background: url(img/head-dt-ico.png) no-repeat center center;width: 16px;height: 16px;display: inline-block;border: none;}
.mobileNav{position: fixed;width: 100%;height: 100%;z-index: 998;top: 60px;}
.mobileMask{position: absolute;background: #000;opacity: 0;width: 100%;height: 100%;top: 0;z-index: 0;}
.mobileNav-wrap{width: 250px;padding: 3% 2%;background: #fff;border-top: 2px solid #234890;height: 100%;position: relative;z-index: 1;left: -100%;opacity: 0;overflow-x: hidden; overflow-y: auto; }
.mobileNav-search{margin-bottom: 10%;}
.mobileNav-search form{border: 1px solid #c4c4c4;border-radius: 30px;overflow: hidden;background-color: #fff;}
.mobileNav-search form input{display: block;height: 36px;line-height: 36px;}
.mobileNav-search form .txt{float: left;width: 170px;padding: 5px 10px;font-size: 12px;color: #999;}
.mobileNav-search form .sub{float: right;width: 37px;background: url(img/search-ico.png) no-repeat center center;}
.mobileNav-list ul{padding:0  20px;}
.mobileNav-list li{height: 40px;line-height:40px;border-bottom: 1px solid #dadada;padding-left: 10px;background: url(img/hMore-ico2.png) no-repeat right center;}
.mobileNav-list li a{display: block;width: 100%;height: 100%;font-size: 14px;color: #424242;}
/*??????*/
.headerLink .navIco{height: 30px;display: inline-block;vertical-align: middle;margin-left: 10px;line-height: 30px;text-align: center;position: relative;width: 24px;transition: all .3s;z-index: 99999;}
.headerLink .navIco i{display: inline-block;height: 2px;background-color: #666;width: 24px;transition: all .3s;}
.headerLink .navIco:before,.headerLink .navIco:after{position: absolute;content: "";width: 24px;height: 2px;background-color: #666; left: 0;transition: all .3s;}
.headerLink .navIco:before{top: 6px;}
.headerLink .navIco:after{bottom: 7px;}
.homeSolution-list .pic img{opacity: 0.8 !important;}
.headerLink .navIco i{display: inline-block;height: 2px;background-color: #666;width: 24px;transition: all .3s;}
.headerLink .navIco:before,.headerLink .navIco:after{position: absolute;content: "";width: 24px;height: 2px;background-color: #666; left: 0;transition: all .3s;}
.headerLink .navIco:before{top: 6px;}
.headerLink .navIco:after{bottom: 7px;}
.headerLink .active i{display: none;}
.headerLink .active:before{transform: rotateZ(45deg);top: 14px;background-color: #666;}
.headerLink .active:after{transform: rotateZ(-45deg);bottom: 14px;background-color: #666;}
.homeSolution-list .pic:after{display: none;}
/*????????????*/
.homeSolution,.homeCase,.homeDisplay,.homeAbout,.homeNews,.homePartner,.pageWitness,.pageCourse{padding: 30px 0;}
.homeSolution-list li .cover{background: none;}
.homeSolution-list li .cover i{display: none;}
.homeSolution-list li .cover h5{margin-top: 20%;}
.homeSolution-list li .cover h5,.homeSolution-list li .cover p{color: #fff;}
/*????????????*/
.pageWitness li{margin-bottom: 0}
/*??????*/
.footer{padding: 35px 0;}
.footerNav{width: 60%}
.footerTel{display: none;}
.footerOrgan{width: 15%;margin-right: 5%}
.footerEwm{float: right}
.footerBot{display: none;}
.footerMobile{display: block;text-align: center;font-size: 12px;height: 50px;
line-height: 50px;color: #b6b6b6;}
.footerBiaozhi{display: block;}
/*???????????????*/
.listwrapper{padding: 30px 0;}
.breadCrumb{height: 40px;line-height: 40px;}
.breadCrumb p{font-size: 14px;}
.breadCrumb .back{float:right;width:60px;height:26px;line-height:26px;margin-top: 8px;}

/*????????????*/
.pageAbout-main,.pageHonor,.pageTech{padding:30px 0;}
.pageAbout-left{float: none;width: 100%;margin-bottom: 30px;height: auto;}
.pageAbout-left .pic{padding-top: 50%;}
.pageAbout-right{float: none;width: 100%;height: auto;}
.pageAbout-right h2{margin-bottom: 30px;font-size: 20px;}
/*????????????*/
.listVideo li{width: 33.2%;}
/*????????????*/
.listCase li .cover{bottom: 0;left: 0;right: 0;background: rgba(0,0,0,0.7);color: #fff;padding:0;opacity: 1;height: 36px;line-height: 36px;text-align: center;top: auto;}
.listCase li .cover h4{font-size: 14px;margin-bottom: 0;}
.listCase li .cover h4:after{display: none;}
.listCase li .cover:after{display: none;}
.listCase li .cover p{display: none;}
/*????????????*/
.listJob{padding: 0 0 30px;}
/*????????????*/
.pageLayout-main{padding: 50px 0;}
.pageLayout-right .adrrPoint{margin-left: 40px;}
.pageLayout-right h5{margin-bottom: 20px;font-size: 20px;}
/*???????????? */
.pageProcess{padding: 30px 0;}
.pageProcess:after{top: 62%;}
.pageProcess li{height: 250px;}
.pageProcess li p{font-size: 14px;}
.pageProcess li i{transform: scale(0.85);}
/*????????????*/
.pagePledge{padding: 30px 0;}
/*????????????*/
.showPicture .pictureWrap{height: 700px;}
.pictureTitle h3{font-size: 20px;}
/*????????????*/
.listNews .list li{padding: 15px 15px 15px 100px;}
.listNews .list li .time{margin-left: -80px;width: 60px;height: 60px;}
.listNews .list li strong{font-size: 26px;}
.listNews .list li h5{margin-bottom: 10px;font-size: 16px;}
.listNews .list li .txt{float: left;margin-top: 0;font-size: 12px;}
.listNews .list li .more{display: none;}
/*????????????*/
.articlePage{display: none;}
.mobliePage{display: block;margin-bottom: 30px;}
.mobliePage .post-prev,.mobliePage .post-next{overflow: hidden;}
.mobliePage .pageTitle{float: left;font-size: 14px;color: #333}
.mobliePage h5{font-size: 14px;float: left;}
/*????????????*/
.listHonor li{width: 33.3%;}
#kefu{display: none;}
.bdshare-slide-button-box{z-index:-111 !important;left:-200px !important;display:none !important;}
/*????????????*/
.listContact li{width: 100%;float: none;height: auto;}
.listContact li .box{margin: 10px;}
}


@media screen and (max-width: 1010px){

/*banner?????????*/
.banner .slides  .pc{display: none;}
.banner .slides .wap{display: block;}
.banner  .flex-control-nav {width: 100%; position: absolute; bottom: 10px; text-align: center;}
.banner  .flex-control-nav li {margin: 0 6px; display: inline-block; zoom: 1; *display: inline;cursor: pointer;}
.banner  .flex-control-nav li a{font-size: 0;position: relative;width: 8px;height: 8px;border-radius: 50%;display: inline-block;background-color: #fff;}
.banner  .flex-control-nav li a:before{content: ""}
.banner  .flex-control-nav li a:after{display: none;}
.banner  .flex-control-paging li a.flex-active{color: #234890;background-color: #234890}
.banner  .flex-control-paging li a.flex-active:after{height: 40px;}
/*????????????*/
.homeSolution-list li h5{font-size: 16px;}
.homeSolution-list li .cover p{line-height: 18px;}
/*????????????*/
.homeAbout li .txt h5{font-size: 18px;}
/*????????????*/
.homePartner li{width: 12.3%}
}

@media screen and (max-width: 850px){
/*????????????*/
 .homeTopic, .pageTopic{font-size: 24px;}
.homeTopic span{font-size: 16px;}
.homeTopic b{font-size: 14px;}
.homeSolution-list li .cover h5{font-size:14px; }
/*????????????*/
.homeCase li{width: 32.8%;margin-bottom: 0.5%;}
.homeCase li:nth-child(4),.homeCase li:nth-child(5){width: 49.5%;}
/*????????????*/
.homeDisplay .container{height: auto;z-index: 0}
.homeDisplay .container:before{display: none;}
.homeDisplay li{position: static;width: 25%;margin-bottom: 10px;}
.homeDisplay .homeVideo{position: static;width: 80%;margin: 0 auto 30px;}


/*????????????*/
.homeAbout li .txt h5{font-size: 16px;}
/*??????*/
.homeNews-left{clear: both;width: 100%;margin-bottom: 2%;}
.homeNews-left li:nth-child(5),.homeNews-left li:nth-child(6),.homeNews-left li:nth-child(7),.homeNews-left li:nth-child(8){display: none;}
.homeNews-right{clear: both;width: 100%;}
.homeNews-left .homeTopic{text-align: center;}
.homeNews-right .homeTopic{text-align: center;}
/*????????????*/
.listMenu{padding: 35px 0 30px 0;}
.listMenu  .menu1{text-align:left;}
.listMenu  .menu1>li{height:30px;line-height:30px;margin-bottom: 5px;width: 25%;text-align: center;}
.listMenu  .menu1>li>a{border: 1px solid #d9d9d9;margin-right: -1px;font-size: 14px;}
.listMenu  .menu1>li:first-child>a{border-radius:0}
.listMenu  .menu1>li:last-child>a{border-radius: 0;}
/*????????????*/
.pageLayout-right h5{margin-bottom: 20px;font-size: 16px;}
.pageLayout-right .adrrPoint a{font-size: 12px;}

/*????????????*/
.showPicture .pictureWrap{height: 600px;}
.pictureShow{width: 100%;}
/*????????????*/
.listWitness li{width: 50%;}
}



@media screen and (max-width: 768px){
/*????????????*/
.listJob .reference th{font-size: 12px;}
.listJob .reference td {font-size: 12px;}
.listJob .reference td .jobButt{width: 60px;line-height: 24px;height: 24px;}
/*????????????*/
.pcMessage{display: none;}
.wapMessage{display: block;background-color: #ebebeb;padding: 20px 0 30px;}
.wapMessage input{display: block;}
.wapMessage .name,.wapMessage .tel,.wapMessage .email{width: 100%;height: 40px;line-height: 40px;padding: 0 10px 0 50px;background-color: #fff;background-repeat: no-repeat;background-position: 10px center;color: #000000;font-size: 13px;margin-bottom: 10px;}
.wapMessage .name{background-image: url(img/pMess-ico1.png);}
.wapMessage .tel{background-image: url(img/pMess-ico2.png);}
.wapMessage .email{background-image: url(img/pMess-ico3.png);}
.wapMessage .content{width: 100%;padding:10px 10px 10px 50px;background: url(img/pMess-ico4.png) no-repeat 10px 10px #fff;min-height: 130px;color: #000000;font-size: 13px;margin-bottom: 10px;}
.wapMessage .codeBox{overflow: hidden;margin-bottom: 10px;}
.wapMessage .code{width: 100px;height: 40px;line-height: 40px;background-color: #fff;padding: 10px;font-size: 13px;float: left;}
.wapMessage .codeImg{float: left;display: block;padding: 10px;}
.wapMessage .sub{display: block;width: 100px;height: 40px;line-height: 40px;text-align: center;font-size: 13px;color: #fff;background-color: #234890;cursor: pointer;transition: all .5s;}
/*???????????? */
.pageProcess:after{top: 60%;}
/*????????????*/
.showArticle .articleRelate-news li{float: none;width: 100%;}
.pictureTitle h3 .time{font-size: 12px;}
.showArticle .articleContent{font-size: 12px;margin-bottom: 30px;}

}


@media screen and (max-width: 760px){
/*????????????*/
.homeTopic, .pageTopic{font-size: 20px;}
/*????????????*/
.homeAbout li{width: 49.5%;margin: 0  0.25% 0.5%;}
/*????????????*/
.homePartner li{width: 24.8%}
/*????????????*/
.pageLayout-main{padding: 30px 0;}
.pageLayout-left{width: 100%;float: none;margin-bottom: 20px;}
.pageLayout-right{width: 100%;float: none;}
.pageLayout-right .adrrPoint{margin-left: 0;}
}



@media screen and (max-width: 700px){
/*??????*/
.footerNav{width: 80%;}
.footerNav dl{margin-right: 13%}
.footerEwm{clear: both;float: none;margin: 0 auto;width: 120px;text-align: center;}
.footerEwm span{padding-top: 5px;width: auto;}
.footerOrgan{float: right;margin-right: 0;width: 20%;}
/*????????????*/
.navMenu .menu2{text-align: left;}
.navMenu .menu2 li{text-align: left;margin:0 0 10px 0;text-align: center;}
.navMenu .menu2 li a{padding: 0 10px;border-right: 1px solid #dadada;}

/*????????????*/
.listCase li{width: 43.3%;margin:0 10px 10px 10px ! important;}
.listCase li h4{font-size: 12px;padding: 10px 2px;}
/*????????????*/
.pagePledge .li1{width: 100%;}
.pagePledge .li1 .txt{margin-right: 0;min-height: 130px;padding: 3% 4%}
.pagePledge .li2{width: 100%;}
.pagePledge .li2 .txt{margin-left: 0;min-height: 280px;padding: 3% 4%}
.pagePledge li  h5{font-size: 20px;}
.pagePledge li  h5 i{transform: scale(0.85);}
/*????????????*/
.showPicture .pictureWrap{height: 500px;}
/*????????????*/
.listNews .hot li:last-child{display: none;}
.listNews .hot li{width: 50%;}
.listNews .hot li .txt h5{font-size: 14px;}
}




@media screen and (max-width: 650px){
.homePartner li{width: 24.6%}
.homePartner li:nth-last-child(1),.homePartner li:nth-last-child(2),.homePartner li:nth-last-child(3),.homePartner li:nth-last-child(4),.homePartner li:nth-last-child(5),.homePartner li:nth-last-child(6),.homePartner li:nth-last-child(7),.homePartner li:nth-last-child(8){ display: none;}
/*??????*/
.footerNav dl{margin-right: 10%}
.pageProcess li{height: 200px;}
.pageProcess li p{font-size: 12px;}
.pageProcess li i{transform: scale(0.65);}
.pageProcess li:nth-child(2n+1) i{top: 20%;}
.pageProcess li:nth-child(2n) i{top: 32%;}
/*????????????*/
.pictureSlider  li{box-shadow: 0 0 0 3px #234890 inset;}
/*????????????*/
.listHonor li{width: 50%;}
.listHonor li .tit{font-size: 12px;padding: 5px  5px;}
/*????????????*/
.listVideo li{width: 49.5%;}
.listVideo li .tit{font-size: 12px;}
/*????????????*/
.listWitness li a{margin: 0 5px;}
.listWitness li h4{font-size: 12px;padding: 10px 5px;}
/*????????????*/
.listMenu  .menu1>li{width: 33.33%;}
/*????????????*/
.pagination{padding:15px 0 10px;}
.pagination a{font-size:10px;line-height:24px;height:24px;padding:0 8px;}
.pagination a.a1{line-height:24px;height:24px;padding:0 6px}
.pagination span{line-height:24px;height:24px;padding:0 8px;font-size: 10px;}
}



@media screen and (max-width: 510px){
/*??????*/
.footerNav dl{margin-right: 5%}
/*????????????*/
.listMenu {padding: 25px 0 20px 0;}
.pageTopic{padding-bottom: 20px;}
/*????????????*/
.pageAbout-right h2{margin-bottom:20px;font-size: 16px;}
.pageAbout-right .txt p{font-size: 12px;margin-bottom: 15px;line-height: 18px;}
/*????????????*/
.pageCourse-main{margin-bottom: 20px;}
.pageCourse-main li .txt b{display: none;}
.pageCourse-main li .txt {width: 100%;padding-left: 0; font-size: 12px;}
.pageCourse-time li span{font-size: 14px;}
.pageCourse-main .swiper-button-prev,.pageCourse-main .swiper-button-next{display: none;}
/*????????????*/
.showPicture .pictureWrap{height: 400px;}
}



@media screen and (max-width: 470px){
/*????????????*/
.homeTopic, .pageTopic{font-size: 18px;}
.homeTopic span{font-size: 14px;}
.homeTopic b{font-size: 12px;}
.homeSolution-list li i{width: 100px;height: 100px;margin-right: 10px;}
.homeSolution-list li h5{margin: 5px 0;font-size: 14px;}
.homeSolution-list li p{font-size: 12px;}
/*????????????*/
.homeCase li{width: 49.5%;margin-bottom: 0.5%;}
.homeCase li:nth-child(5){display:none;width: 100%;}
/*????????????*/
.homeDisplay ul{position: relative;top: 10px;}
.homeDisplay li{height: 100px;}
.homeDisplay li i{width: 50px;height: 56px;}
.homeDisplay .homeVideo{position: static;width: 80%;margin: 0 auto 10px;}

/*????????????*/
.homeAbout li .txt p{display: none;}
.homeAbout li .txt h5{font-size: 14px;}
/*??????*/
.homeNews-right li{width: 100%}
.homeNews-right li:nth-child(1){margin-bottom: 4%;}
  .homeNews-right li:last-child{ display: none}
/*??????*/
.footerNav{width: 100%;overflow: hidden;}
.footerNav dl{width: 15%;margin-right: 0;}
.footerNav dl:nth-child(2){margin: 0 13%}
.footerNav dl:first-child{float: left;}
.footerNav dl:last-child{float: right;margin-right: none;}
.wapOrgan{display:block;}
.pcOrgan{display:none;}
.footerOrgan{width: 100%;margin-bottom: 5%;}
.footerOrgan li{width: auto;margin-right: 10px;}
.footerOrgan span{margin-bottom: 2%;}
/*???????????????*/
.mobileKefu{display: block;position: fixed;bottom: 0;z-index: 10;left: 0;right: 0;}
.mobileKefu ul{overflow: hidden;background: rgba(5,43,116,0.9);}
.mobileKefu li{float: left;width:33.33%;color: #fff;font-size: 14px;text-align: center;}
.mobileKefu li a{color: #fff;display: block;padding: 10px 0;}
.mobileKefu li:nth-child(2) a{border: 1px solid #fff;border-top: 0;border-bottom: 0;}
.mobileKefu li i{display: block;width: 24px;height: 24px;margin: 0 auto;background-position: center center;background-size: 100%;}
.mobileKefu li:nth-child(1) i{background-image: url(img/mobileFoot-ico1.png);}
.mobileKefu li:nth-child(2) i{background-image: url(img/mobileFoot-ico2.png);}
.mobileKefu li:nth-child(3) i{background-image: url(img/mobileFoot-ico3.png);}
/*????????????*/
.listNews .list li h5{font-size: 14px;}
.listNews .hot li{width:100%;margin-bottom: 20px;}
.listNews .hot li a{margin: 0;}
/*????????????*/
.navMenu{margin-bottom: 25px;}
.navMenu .menu2 li a{font-size: 13px;}
}

@media screen and (max-width: 420px){
.mobileNav li>a{font-size: 14px;}
/*????????????*/
.homeTopic span,.pageTopic span{display: none;}
.homeTopic b{display: none;}
.homeSolution .container{padding:0px 10px;}
.homeSolution-list li{width: 32%;float: left;border:none}
.homeSolution-list li .cover h5{color:#666; padding-top:0px;margin-top: 2px;font-size: 12px;}
.homeSolution-list li .cover{ border: 0px;}
.homeSolution-list li .pic{opacity: 0}
.homeSolution-list li .cover i{display: block;width:50px;margin: 2% auto;background-size: 50px;padding-top: 0px;height: 50px;}
.homeSolution-list li:nth-child(2) {margin: 0% 2%;}
.homeDisplay .homeVideo{width: 90%}
/*??????*/
.footerNav dl{width: 18%;}
.footerNav dl:nth-child(2){margin: 0 10%}
/**/
.breadCrumb p{background-size: 3%;font-size: 12px;padding-left: 35px;}
.breadCrumb .back{display: none;}
/*????????????*/
.listCase li .cover{height: 30px;line-height: 30px;font-size: 12px;}
/*????????????*/
.listContact{padding-bottom: 10px;}
.listContact-main{padding-bottom: 20px;}
.listContact li{float: none;height: auto;}
.listContact li .pic{float: none;width: 100%;position:static;padding-top: 50%; }
.listContact li .txt{float: none;width: 100%;font-size: 12px;}
.listContact li .txt h5{font-size: 16px;}
/*???????????? */
.pageProcess::after{top:56% }
/*????????????*/
.pagePledge li  h5{font-size: 18px;margin-bottom: 10px;}
.pagePledge li  .txt{font-size: 12px;}
.pagePledge li  h5 i{transform: scale(0.75);font-size: 18px;}
.pagePledge .li3 dl{padding-left: 80px;}
.pagePledge .li3 dl dt{margin-left: -80px;font-size: 14px;}
.showPicture .pictureWrap{height: 300px;margin-bottom: 20px;}
.pictureTitle {padding-bottom: 10px;margin-bottom: 10px;}
.pictureTitle h3{font-size: 16px;}
.pictureContent .title, .pictureRelate .title{font-size: 16px;}
.pictureContent{margin-bottom: 20px;}
.pictureRelate li{width: 50%;}
.pictureRelate li .tit{font-size: 12px;}
.pictureRelate li:last-child{display: none;}
/*????????????*/
.showArticle .articleRelate-news li .time{display: none;}
}
@media screen and (max-width: 330px){
/*????????????*/
.homeTopic{font-size:16px;}
.homeSolution-list li i{width: 80px;height: 80px;margin-right: 5px;}
.homeSolution-list li p{line-height: 20px;}
/*????????????*/
.homeAbout li .txt h5{font-size: 14px;}
}